<!--平铺选择型，包括单选组、多选组、开关的变形、对号的变形-->
<template>
  <!--查询内容-->
  <component
    :is="formItemKey[controlType]"
    :model="model"
    :delay="delay"
    v-bind="$attrs"
    colName="value"
  >
  </component>
</template>

<script>
import { defineComponent } from 'vue'

// 引入表单子控件
// import { formItem } from '../../form/item/_map-form-item'

// const {
//  nfCheckboxs,
//  nfRadios
// } = formItem

/*
* 查询子控件，文本类
* * 单行文本
* * 多行文本
* * ulr、电话、邮箱等
*/
export default defineComponent({
  name: 'el-find-item-radios',
  inheritAttrs: false,
  props: {
    controlType: Number, // 控件类型
    model: Object, // 查询结果，数组形式
    colCount: { // 占用空间
      type: Number,
      default: 1
    },
    delay: { // 防抖
      type: Number,
      default: 200
    }
  },
  components: {
    // nfCheckboxs,
    // 'nf-radios': nfRadios
  },
  setup (props, context) {
    // console.log('nfRadios:', nfRadios)
    const formItemKey = {
      150: 'nf-radios',
      151: 'nf-radios',
      152: 'nf-checkboxs',
      153: 'nf-radios',
    }
    return {
      formItemKey
    }
  }
})
</script>
